<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游详情</title>
    <link rel="stylesheet" href="./css/travelDetail.css">
    <link rel="stylesheet" href="./css/mixins.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <div id="travelDetail">
        <header>
            <a class="header-return" href="./travelList.html"></a>
            <p>产品详情</p>
            <div class="header-right">
                <div class="header-sharing"></div>
                <div class="header-more">
                    <a href="javascript:;"></a>
                    <a href="javascript:;"></a>
                    <a href="javascript:;"></a>
                </div>
            </div>
        </header>
        <div class="container">
            <div class="img-box">
                <img src="./images/img/banner-detail0412_01.jpg" alt="">
            </div>
            <div class="travel-number">
                <div class="go clear">
                    <span>北京出发</span>
                    <span>|</span>
                    <span>i 旅行</span>
                    <span class="num">编号：11037168</span>
                </div>
            </div>
        </div>
        <section>
            <!--  -->
            <div class="travel-box">
                <div class="travel-title">
                    <a href="#">海南三亚5日4晚半自助游(5钻)【壕减3000】 喜来登品牌海景房</a>
                </div>
                <div class="travel-diamond"></div>
                <div class="travel-price">
                    <span>2810</span>
                    <div class="price-a">
                        <a href="#">旅游狂欢趴</a>
                        <a href="#">三亚湾</a>
                        <a href="#">蜈支洲岛</a>
                    </div>
                </div>
            </div>
            <!--  -->
            <div class="travel-list">
                <div class="travel-list-img">
                    <a href="javascript:;">立减</a>
                    <a href="javascript:;">优惠</a>
                </div>
                <div class="travel-list-info">
                    <p>• 多人优惠，2人起立减200元/单</p>
                    <p>•【提前5天预定，5成人，优惠300/单】 3/01-4/30</p>
                    <p>• 勾搭去旅游限时优惠券</p>
                    <p>•【攻略专享】旅游优惠券</p>
                </div>
                <div class="travel-list-more">
                    &gt;
                </div>
            </div>
            <!-- 评价-->
            <div class="evaluate">
                <div class="travel-evaluate">
                    <div class="evaluate-people">
                        <p><span>4.9</span>分点评</p>
                        <p>|</p>
                        <p><span>1126</span>人出游</p>
                    </div>
                    <div class="evaluate-socre">
                        <a href="javascript:;">导游讲解4.8分</a>
                        <a href="javascript:;">领队服务4.7分</a>
                        <a href="javascript:;">行程安排4.6分</a>
                        <a href="javascript:;">描述相符4.8分</a>
                        <a href="javascript:;">好评率98%</a>
                    </div>
                </div>
                <div class="look-evaluate">
                    <div class="name">
                        <p>思****209</p>
                        <p>2016-12-01</p>
                    </div>
                    <p>凌晨到达的，住宿很满意，导游十分负责人。这次旅行还是很尽兴的，三亚很美，蜈支洲岛很仙。王导还自掏腰包供应水和吃水果，感谢！</p>
                    <div class="btn">
                        <button><a href="javascript:;">查看全部评价</a></button>
                    </div>
                </div>
            </div>
            <!--  -->
            <div class="travel-tab">
                <ul>
                    <li class="unfold unfold1"><a href="javascript:;">产品特色</a></li>
                    <li class="unfold2"><a href="javascript:;">行程详情</a></li>
                    <li class="unfold3"><a href="javascript:;">预订须知</a></li>
                </ul>
                <div class="tab-img unfold">
                    <img src="./images/img/detail_nav0417_03.jpg" alt="">
                    <img src="./images/img/detail_nav0417_04.jpg" alt="">
                    <img src="./images/img/detail_nav0417_05.jpg" alt="">
                    <img src="./images/img/detail_nav0417_06.jpg" alt="">
                    <img src="./images/img/detail_nav0417_07.jpg" alt="">
                </div>
                <div class="tab-route">
                    <div class="route-info">
                        <div class="route-info1">
                            <p>呀诺达--槟榔谷--亚龙湾 </p>
                            <p>07:30 早餐: 中西式自助早餐<a href="javascript:;">30分钟</a></p>
                            <p>08:00 呀诺达雨林文化旅游区<a href="javascript:;">2小时</a></p>
                            <div class="info-img">
                                <img src="./images/img/list_del228198_0417_04.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_06.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_10.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_11.jpg" alt="">
                            </div>
                        </div>
                        <div class="route-info1">
                            <p>11:30 午餐: 50元/餐/人 <a href="">1小时</a></p>
                            <p>13:00 槟榔谷<a href="javascript:;">2小时</a></p>
                            <div class="info-img">
                                <img src="./images/img/list_del228198_0417_14.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_15.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_18.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_19.jpg" alt="">
                            </div>
                        </div>
                        <div class="route-info1">
                            <p>16:00 亚龙湾<a href="">1小时</a></p>
                            <div class="info-img">
                                <img src="./images/img/list_del228198_0417_22.jpg" alt="">
                                <img src="./images/img/list_del228198_0417_23.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-konw">
                    <p>
                        (本产品由北京致远国际旅行社有限公司提供产品销售、资源确认、合同签署、行程安排等全部环节的旅游服务。在您付款成功、并且商家给您最终确认后，商家与您的合同方能生效。在合同生效之前，用户与商家双方均有权更改或取消订单，且无须承担任何损失。)
                    </p>
                    <div class="have">
                        <h3>费用包含</h3>
                        <p>1.往返机票、燃油附加费（以实际收费标准为准）、机场建设费。</p>
                        <p>2.行程所列酒店住宿费用。</p>
                        <p>3.酒店押金需客人前台付，酒店房型默认为双标床，如需大床房，请提前告知，我司可根据酒店房态尽量安排，不保证哦！</p>
                        <p>4.行程内所列餐食(具体请参考行程推荐，自理除外)。</p>
                        <p>5.当地中文导游服务。</p>
                        <p>6.8人以下司机兼导游。</p>
                        <p>7.行程中所列景点首道大门票，蜈支洲、槟榔谷、亚龙湾。</p>
                        <p>8.儿童价特殊说明：2岁以上1.2米以下儿童只含半价正餐+车位，其他超高费用需自理。由于成人价格是按团队进行报价，如儿童按成人提交无任何费用可退，请知晓。</p>
                    </div>
                    <div class="self">
                        <h3>自理费用</h3>
                        <p>1.由于跟团推荐的自费项目门票，已经为旅行社折扣价格，所以客人自行购买自费项目的门票，需要补导游80元/人/项目的费用方可跟车参加。</p>
                        <p>2.单人出行必须选择单房差，3成人及以上出行如不补单房差选择加床，全程入住福朋喜来登酒店需现补400元/人差价现补给导游方可安排加床。</p>
                        <p>3.因交通延阻、罢工、天气、飞机、机器故障、航班取消或更改时间等不可抗力原因所导致的额外费用。</p>
                        <p>4.酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。</p>
                        <p>5. 以上“费用包含”中不包含的其它项目。</p>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <ul>
                <li><a href="javascript:;" class="images"></a></li>
                <li><a href="javascript:;" class="images"></a></li>
                <li><a href="javascript:;" class="images"></a></li>
            </ul>
            <a class="star" href="./data.html">开始预订</a>
        </footer>
    </div>
    
    <script src="./js/zepto.js"></script>
    <script src="./js/commen.js"></script>
    <script>
        unfold($(".unfold1"),$(".tab-img"));
        unfold($(".unfold2"),$(".tab-route"));
        unfold($(".unfold3"),$(".tab-konw"));
    </script>
</body>

</html>